<template>
  <div class="page-content padding-top">
    <list class="von-checkbox">
      <item class="item-icon-right" v-for="(item,index) in arr"  @click.native="selectItem(item.start,item.end,item.title,index)">{{item.title}}<i :class="{'icon ion-ios-checkmark-empty assertive':ind == index}"></i></item>
    </list>
  </div>
</template>
<script>
import { bus } from 'bus.js'
 // ...

  export default {
    data() {
      return {
        arr:[
          {
            star:'',
            end:'',
            title:'价格不限',
          },
          {
            start:'',
            end:10,
            title:'10万及以下'
          },
          {
            start:10,
            end:20,
            title:'10-20万'
          },
          {
            start:20,
            end:30,
            title:'20-30万'
          },
          {
            start:30,
            end:50,
            title:'30-50万'
          },
          {
            start:50,
            end:100,
            title:'50-100万'
          },
          {
            start:100,
            end:'',
            title:'100万以上'
          },
         
        ],
        ind:0,
      }
    },
    created(){

    },
    methods: {
      selectItem(a,b,c,i){
        this.ind = i;
        bus.$emit('priceJson',{
          start:a,
          end:b,
          title:c
        })     
      }
    }
  }
</script>

